<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>故障统计</title>
</head>
<body>
<div class="box">
    <div class="box-body">
        <div class="nav-tabs-custom">
            <ul class="nav nav-tabs pull-right">
                <li class=""><a href="#fault_tables" data-toggle="tab" aria-expanded="false"><i
                        class="fa fa-table"></i> 故障统计列表</a></li>
                <li class="active"><a href="#fault_picture" data-toggle="tab" aria-expanded="true"><i
                        class="fa fa-line-chart"></i> 故障统计图表</a></li>
                <li class="pull-left header"><i class="fa fa-exclamation"></i> 故障统计表（申报/处理/报修金额）</li>
            </ul>
            <div class="tab-content no-padding">
                <div class="chart tab-pane active" id="fault_picture">
                    <div class="box">
                        <div class="box-header with-border text-center">
                            <h3 class="box-title" style="margin-top: 10px;">
                                <div class='input-group input-group-sm'>
                                    <input type="text" class="form-control" id="datepicker" readonly="readonly"
                                           style="width: 70px;height: 30px; margin: -7px 6px 0 0; font-size: 24px;font-weight: 500"/>
                                    <span id="linCountOutPut">年故障统计线性表</span>
                                </div>
                            </h3>
                            <div class='input-group input-group-sm' style="float: right;">
                                <span id="orgSelect"></span>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="chart" id="lineChartParent">
                                <canvas id="lineChart" style="height:250px"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="chart tab-pane" id="fault_tables">
                    <div class="box">
                        <div class="box-body">
                            <table id="talk_mainDataTables" class="table table-bordered table-striped" cellspacing="0"
                                   width="100%">
                                <thead>
                                <tr>
                                    <th style="width:5%;">序号</th>
                                    <th style="width:5%;">故障图片</th>
                                    <th style="width:5%;">原信号灯图片</th>
                                    <th style="width:5%;">警告等级</th>
                                    <th style="width:7%;">企业负责人审核</th>
                                    <th style="width:7%;">主管单位审核</th>
                                    <th style="width:10%;">报告时间</th>
                                    <th style="width:10%;">故障审核时间</th>
                                    <th style="width:10%;">维护公司</th>
                                    <th style="width:5%;">操作</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                    <div class="box">
                        <div class="box-body">
                            <table id="deal_mainDataTables" class="table table-bordered table-striped" cellspacing="0"
                                   width="100%">
                                <thead>
                                <tr>
                                    <th style="width:5%;">序号</th>
                                    <th style="width:5%;">原信号灯图片</th>
                                    <th style="width:5%;">故障图片</th>
                                    <th style="width:5%;">完工图片</th>
                                    <th style="width:5%;">维修金额</th>
                                    <th style="width:10%;">维护时间</th>
                                    <th style="width:10%;">维护公司</th>
                                    <th style="width:5%;">操作</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--类型选择-->
<div id="signalLampTypeSelect" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="upPictureModalLabel" aria-hidden="true" style="z-index: 1500">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$.clearModal($('#typeForm'),$('#signalLampTypeSelect'))">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title"> 类型查看</b>
            </div>
            <div class="modal-body row" style="overflow: hidden;">
                <form id="typeForm">
                    <table class="table table-bordered table-striped" style="position: relative;top: -17px;">
                        <tr>
                            <td>
                                <!--<input id="selectAll" onchange="$.changeCheck2()" type="checkbox">-->
                            </td>
                            <td>类型</td>
                        </tr>
                        <tr>
                            <td><input id="check0" type="checkbox" vlaueType="0" disabled></td>
                            <td><label for="check0">机动车信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check1" type="checkbox" vlaueType="1" disabled></td>
                            <td><label for="check1">方向指示信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check2" type="checkbox" vlaueType="2" disabled></td>
                            <td><label for="check2">调头信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check3" type="checkbox" vlaueType="3" disabled></td>
                            <td><label for="check3">非机动车信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check4" type="checkbox" vlaueType="4" disabled></td>
                            <td><label for="check4">人行横道信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check5" type="checkbox" vlaueType="5" disabled></td>
                            <td><label for="check5">车道信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check6" type="checkbox" vlaueType="6" disabled></td>
                            <td><label for="check6">道口信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check7" type="checkbox" vlaueType="7" disabled></td>
                            <td><label for="check7">倒计时器</label></td>
                        </tr>
                        <tr>
                            <td><input id="check8" type="checkbox" vlaueType="8" disabled></td>
                            <td><label for="check8">闪光警告信号灯</label></td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>
<!--标杆标牌modal-->
<div id="modal-AllInformation" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="label-AllInformation"
     aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <form id="form-AllInformation" name="form-AllInformation" class="form-horizontal" role="form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                            onclick="$.clearModal($('#form-AllInformation'), $('#modal-AllInformation'))">
                        <span aria-hidden="true">&times;</span></button>
                    <b class="modal-title">信息展示</b>
                </div>
                <div class="modal-body">
                    <table id="myTable" class="table table-bordered table-striped">
                        <tr>
                            <td rowspan="6" colspan="3"><img id="img" style="width: 230px;height:270px; cursor: pointer"
                                                             src=""></td>
                            <td><b>地址：</b></td>
                            <td colspan="3" id="address"></td>
                        </tr>
                        <tr>
                            <td><b>信号灯类型：</b></td>
                            <td> <button type="button" class="form-control" id="detail_type">点击选择</button>
                                <button type="button" class="form-control" id="detail_type_hidden" style="display:none"></button></td>
                            <td><b>信号灯品牌：</b></td>
                            <td id="signalLampBrand"></td>
                        </tr>
                        <tr>
                            <td><b>使用年限：</b></td>
                            <td id="solarEnergyStyle"></td>
                            <td><b>采集员：</b></td>
                            <td id="create"></td>
                        </tr>
                        <tr>
                            <td><b>保修期：</b></td>
                            <td colspan="3" id="solarEnergyPeriod"></td>
                        </tr>
                        <tr>
                            <td><b>养护单位：</b></td>
                            <td colspan="3" id="company"></td>
                        </tr>
                        <tr>
                            <td><b>监管单位：</b></td>
                            <td colspan="3" id="mainOrg"></td>
                        </tr>
                        <tr id="t">
                        </tr>
                    </table>
                    <div id="myDiv">
                        <p id="mp"></p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-flat"
                            onclick="$.clearModal($('#form-AllInformation'), $('#modal-AllInformation'))">
                        <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 完成
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="count/signalLampFaultCount.js"></script>
</body>
</html>